/*幻灯片*/

.banner{position: relative;}

.banner img {width: 100%; max-height: 100%;}

.banner div{position: relative; z-index: 2}

@media screen and (min-width: 768px) and (max-width: 991px){

}

@media screen and (max-width: 767px){

	.slick-dots {bottom:10px!important;}

	.slick-dots li{margin: 0 5px!important;}

	.slick-dots li button {height:10px!important; width:10px!important;}

}





/**/

.about_bg{background: url(../images/about_bg.jpg);}

.about_box{background: #282b2d; margin-top: -60px; position: relative; z-index: 99; padding: 40px 30px;}

.about_box .part1{float: left; border-left: 5px solid #ae000d; width: 70px; padding-left: 15px; font-size: 24px; line-height: 30px; color: #c3c3c3;}

.about_box .about_img{float: left; margin-left: 3.33%; width: 39.82%;}

.about_box .about{float: right; width: 47.80%;}

.about_box .about h2{font-size: 24px; color: #ae000d; line-height: 1;}

.about_box .about h2:after{margin-top: 25px; margin-bottom: 15px; display: block; content: ""; width: 30px; height: 2px; background: #fff;}

.about_box .about p{color: #c3c3c3; line-height: 28px;}

.about_box .about span a,

.about_box .about span a:visited{margin-top: 22px; display: block; width: 90px; height: 35px; line-height: 33px; text-align: center; border: 1px solid #fff; border-radius: 3px; color: #c3c3c3;}

.about_box .about span a:hover{background: #ae000d; border-color: #ae000d; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.about_box{padding: 30px 20px;}

	.about_box .part1{font-size: 22px; line-height: 28px;}

	.about_box .about_img{width: 38%;}

	

	.about_box .about h2{font-size: 22px;}

	.about_box .about h2:after{margin-top: 20px;}

	.about_box .about p{line-height: 26px;}

	.about_box .about span a{margin-top: 15px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.about_box{padding: 25px 20px;}

	.about_box .part1{font-size: 22px; line-height: 24px; width: 65px;}

	.about_box .about_img{margin-left: 2%;}

	

	.about_box .about h2{font-size: 20px;}

	.about_box .about h2:after{margin-top: 15px;}

	.about_box .about p{line-height: 24px;}

	.about_box .about span a{margin-top: 15px;}

}

@media screen and (max-width: 767px){

	.about_box{margin-top: 0px; padding: 15px;}

	.about_box .part1{margin-top: 10px; margin-bottom: 15px; width: auto; line-height: 1; font-size: 20px;}

	.about_box .about_img{float: none; margin-left: 0px; width: auto;}

	

	.about_box .about{float: none; width: auto;}

	.about_box .about h2{padding-top: 15px; font-size: 18px;}

	.about_box .about h2:after{margin-top: 15px;}

	.about_box .about p{line-height: 24px;}

	.about_box .about span a{margin-top: 15px; margin-bottom: 10px;}

}





/**/

.part2{margin-top: 40px; margin-bottom: 15px; position: relative;}

.part2:after{margin-top: 10px; display: block; content: ""; width: 122px; height: 3px; background: #ae000d;}

.part2 h2{padding-bottom: 8px; font-size: 22px; color: #222; line-height: 1;}

.part2 h3{font-size: 16px; line-height: 1; color: #333; font-family: Arial;}

.part2 span{position: absolute; right: 0px; bottom: 15px;}

.part2 span a,

.part2 span a:visited{display: block; width: 130px; height: 33px; line-height: 33px; background: #ae000d; text-align: center; border-radius: 40px; font-size: 14px; color: #fff;}

.part2 span a:hover{background: #282b2d;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.part2{margin-top: 35px;}

	.part2:after{width: 100px;}

	.part2 h2{font-size: 20px;}

	.part2 span a,

	.part2 span a:visited{width: 120px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.part2{margin-top: 30px;}

	.part2:after{width: 80px;}

	.part2 h2{font-size: 18px;}

	.part2 h3{font-size: 14px;}

	.part2 span a,

	.part2 span a:visited{width: 110px; height: 28px; line-height: 28px; font-size: 12px;}

}

@media screen and (max-width: 767px){

	.part2{margin-top: 30px;}

	.part2:after{margin-top: 8px; width: 60px; height: 2px;}

	.part2 h2{padding-bottom: 5px; font-size: 16px;}

	.part2 h3{font-size: 12px;}

	.part2 span{bottom: 10px;}

	.part2 span a,

	.part2 span a:visited{width: 90px; height: 25px; line-height: 25px; font-size: 12px;}

}



/**/

.list1{margin-left: -8px;}

.list1:after{display: block; content: ""; clear: both;}

.list1 li{float: left; width: 33.33%;}

.list1 li .con{margin-left: 8px; margin-bottom: 8px; background: #fff; height: 265px; overflow: hidden;}

.list1 li .con .pp_logo{float: left; background: #ececec; width: 32.91%; height: 100%; text-align: center;}

.list1 li .con .pp_logo span{display: block; height: 145px; line-height: 140px;}

.list1 li .con .pp_logo span img{display: inline-block; vertical-align: middle; max-height: 103px;}

.list1 li .con .pp_logo h2{padding-bottom: 12px; font-size: 18px; font-weight: normal; line-height: 1; color: #333;}

.list1 li .con .pp_logo h3{padding-bottom: 22px; font-size: 12px; font-weight: normal; color: #999;}

.list1 li .con .pp_logo i{}

.list1 li .con .pp_logo i a,

.list1 li .con .pp_logo i a:visited{display:inline-block; width: 100px; height: 25px; line-height: 25px; background: #ae000d; color: #fff; border-radius: 30px; font-style: normal;}

.list1 li .con .pp_logo i a:hover{background: #282b2d; color: #fff;}

.list1 li .con .pp_con{float: right; width: 67.09%; padding: 10px;}

.list1 li .con .pp_con span{display: block; padding-bottom: 46.12%; position: relative; overflow: hidden;}

.list1 li .con .pp_con span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.list1 li .con .pp_con h2{padding-top: 20px; font-size: 14px; font-weight: normal; color: #333; line-height: 1;}

.list1 li .con .pp_con h3{padding: 12px 0; border-bottom: 1px solid #d6d5d6; color: #999; font-size: 12px; line-height: 1; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list1 li .con .pp_con p{margin-top: 10px; line-height: 20px; color: #999; overflow: hidden;}

.list1 li .con:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.list1 li .con{

	-webkit-transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.list1 li .con{height: 240px;}

	.list1 li .con .pp_logo span{height: 135px; line-height: 135px;}

	.list1 li .con .pp_logo span img{max-width: 60%;}

	.list1 li .con .pp_logo h2{font-size: 16px;}

	.list1 li .con .pp_logo h3{padding-bottom: 15px;}

	.list1 li .con .pp_logo i a{width: 80px;}

	.list1 li .con .pp_con h2{padding-top: 15px;}

	.list1 li .con .pp_con p{height: 40px;}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.list1 li{width: 50%;}

	.list1 li .con{height: 250px;}

	.list1 li .con .pp_logo span{height: 135px; line-height: 135px;}

	.list1 li .con .pp_logo span img{max-width: 60%;}

	.list1 li .con .pp_logo h2{font-size: 16px;}

	.list1 li .con .pp_logo h3{padding-bottom: 15px;}

	.list1 li .con .pp_logo i a{width: 80px;}

	.list1 li .con .pp_con span{height: 110px; padding-bottom: 0px;}

	.list1 li .con .pp_con span img{min-height: 100%; height: auto;}

	.list1 li .con .pp_con h2{padding-top: 15px;}

	.list1 li .con .pp_con p{height: 40px;}

	.list1 li:last-child{display: none;}

}

@media screen and (min-width: 480px) and (max-width: 768px){

	.list1 li{width: 50%;}

	.list1 li .con{height: 250px;}

	.list1 li .con .pp_logo{width: 28%;}

	.list1 li .con .pp_logo span{height: 130px; line-height: 130px;}

	.list1 li .con .pp_logo span img{max-width: 60%;}

	.list1 li .con .pp_logo h2{font-size: 14px;}

	.list1 li .con .pp_logo i a{width: auto; padding: 0 10px;}

	.list1 li .con .pp_con{width: 72%;}

	.list1 li .con .pp_con h2{padding-top: 15px;}

	.list1 li .con .pp_con p{height: 40px;}

	.list1 li:last-child{display: none;}

}

@media screen and (max-width: 479px){

	.list1 li{float: none; width: auto;}

	.list1 li .con{height: 250px;}

	.list1 li .con .pp_logo{width: 28%;}

	.list1 li .con .pp_logo span{height: 130px; line-height: 130px;}

	.list1 li .con .pp_logo span img{max-width: 60%;}

	.list1 li .con .pp_logo h2{font-size: 14px;}

	.list1 li .con .pp_logo i a{width: auto; padding: 0 15px;}

	.list1 li .con .pp_con{width: 72%;}

	.list1 li .con .pp_con span{height: 100px; padding-bottom: 0px;}

	.list1 li .con .pp_con span img{min-height: 100%; height: auto;}

	.list1 li .con .pp_con h2{padding-top: 15px;}

	.list1 li .con .pp_con p{height: 40px;}

}



/*门店展示*/

.list2{overflow: hidden; margin-left: -16px;}

.list2 li{float: left; width: 25%;}

.list2 li a{display: block; margin-left: 16px;}

.list2 li span{display: block; position: relative; padding-bottom: 65%; overflow: hidden;}

.list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.list2 li span:after{position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; background: #ae000d; opacity: 0; display: block; content: ""; 

	-webkit-transform: scale(0,0);

	-moz-transform: scale(0,0);

	-ms-transform: scale(0,0);

	-o-transform: scale(0,0);

	transform: scale(0,0);

}

.list2 li span i{position: absolute; left: 50%; top: -10%; margin-left: -18px; margin-top: -17px; font-size: 37px; color: #fff; z-index: 10; opacity: 0;}

.list2 li h2{padding-top: 15px; font-size: 14px; font-weight: normal; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list2 li a:hover span:after{opacity: 0.7;

	-webkit-transform: scale(1,1);

	-moz-transform: scale(1,1);

	-ms-transform: scale(1,1);

	-o-transform: scale(1,1);

	transform: scale(1,1);

}

.list2 li a:hover span i{top: 50%; opacity: 1;}

.list2 li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.list2 li span:after,

.list2 li span i,

.list2 li span img{

	-webkit-transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	transition:all 0.3s;

}
@media screen and (min-width: 1200px){
.shoppicbox{width:1200px; height:222px; overflow:hidden; margin:0px auto 20px;}
#shoppic{width:1200px; height:222px; overflow:hidden;}
.list2 li{ display:inline-block; width: 306px; height:222px; float:none;}

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list2{margin-left: -12px;}

	.list2 li a{margin-left: 12px;}

	.list2 li span:after{left: 10px; right: 10px; top: 10px; bottom: 10px;}

	.list2 li span i{margin-left: -15px; margin-top: -15px; font-size: 30px;}

	.list2 li h2{padding-top: 10px;}

}

@media screen and (max-width: 767px){

	.list2{margin-left: -10px;}

	.list2 li{width: 50%;}

	.list2 li a{margin-left: 10px;}

	.list2 li span:after{left: 10px; right: 10px; top: 10px; bottom: 10px;}

	.list2 li span i{margin-left: -15px; margin-top: -15px; font-size: 30px;}

	.list2 li h2{padding-top: 5px; padding-bottom: 10px;}

}



/*加盟伙伴*/

.list3{overflow: hidden;}

.list3 em{float: left; width: 39.58%;}

.list3 em img{width: 100%;}

.list3 ul{float: right; width: 60%;}

.list3 ul li{float: left; width: 33.33%;}

.list3 ul li a{display: block; margin-left: 14px; margin-bottom: 14px; position: relative;}

.list3 ul li span{display: block; position: relative; padding-bottom: 84.07%; overflow: hidden;}

.list3 ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.list3 ul li span:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.5; display: block; content: "";}

.list3 ul li .con{position: absolute; left: 20px; bottom: 30px; z-index: 10;}

.list3 ul li .con h2{color: #fff; font-size: 20px; line-height: 1; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list3 ul li .con h2:after{margin-top: 20px; display: block; content: ""; width: 40px; height: 2px; background: #fff;}



.list3 ul li:first-child{width: 66.6%;}

.list3 ul li:first-child span{padding-bottom: 40.8%;}

.list3 ul li:first-child span img{height: auto;}

.list3 ul li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.list3 ul li a:hover span:after{opacity: 0;}

.list3 ul li a:hover .con{opacity: 0;}

.list3 ul li span img,

.list3 ul li span:after,

.list3 ul li .con{

	-webkit-transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.list3 ul{float: right; width: 60.42%;}

	.list3 ul li:first-child span{padding-bottom: 40.5%;}

	.list3 ul li .con{left: 15px; bottom: 15px;}

	.list3 ul li .con h2{font-size: 18px;}

	.list3 ul li .con h2:after{margin-top: 15px; width: 30px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list3 ul li:first-child{width: 66.6%;}

	.list3 ul li:first-child span{padding-bottom: 40%;}

	.list3 ul li a{margin-left: 12px; margin-bottom: 12px;}

	.list3 ul li .con{left: 15px; bottom: 15px;}

	.list3 ul li .con h2{font-size: 14px;}

	.list3 ul li .con h2:after{margin-top: 10px; width: 20px;}

}

@media screen and (max-width: 767px){

	.list3 em{float: none; width: auto; display: none;}

	.list3 ul{float: none; width: auto; margin-left: -10px;}

	.list3 ul li{width: 50%;}

	.list3 ul li:first-child{width: 100%;}

	.list3 ul li a{margin-left: 10px; margin-bottom: 10px;}

	.list3 ul li .con{left: 15px; bottom: 15px;}

	.list3 ul li .con h2{font-size: 14px;}

	.list3 ul li .con h2:after{margin-top: 10px; width: 20px;}

	

}





/*新闻中心*/

.news_l{float: left; width: 49.58%;}

.news_r{float: right; width: 49.58%;}



.part3{margin-top: 10px; margin-bottom: 15px; overflow: hidden;}

.part3 h2{float: left; padding-right: 8px; font-size: 16px; color: #333; font-weight: normal; line-height: 1;}

.part3 span{float: left; font-size: 16px; color: #333; font-family: Arial;}



.xw_tt{position: relative;}

.xw_tt a{display: block;}

.xw_tt span{position: relative; display: block; padding-bottom: 48.06%; overflow: hidden;}

.xw_tt span img{position: absolute; left: 0px; top: 0px; width: 100%; min-height: 100%;}

.xw_tt .con{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50%; z-index: 1; color: #fff; padding: 50px 28px 0 28px;}

.xw_tt .con:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; display: block; content: ""; opacity: 0.5; z-index: -1;}

.xw_tt .con h2{padding-bottom: 30px; font-size: 20px; font-weight: normal; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.xw_tt .con p{font-size: 14px; line-height: 28px;}

.xw_tt a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.xw_tt span img,

.xw_tt span:after,

.xw_tt .con{

	-webkit-transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.xw_tt .con{padding: 40px 20px 0 20px;}

	.xw_tt .con h2{padding-bottom: 15px; font-size: 18px;}

	.xw_tt .con p{font-size: 12px; line-height: 24px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.xw_tt .con{padding: 12% 15px 0 15px;}

	.xw_tt .con h2{padding-bottom: 15px; font-size: 16px;}

	.xw_tt .con p{font-size: 12px; line-height: 24px; height: 72px; overflow: hidden;}

}

@media screen and (max-width: 767px){

	.news_l,

	.news_r{float: none; width: auto;}

	

	.part3{margin-top: 20px; margin-bottom: 10px;}

	.part3 h2{font-size: 14px;}

	.part3 span{font-size: 14px;}

	

	.xw_tt .con{padding: 12% 15px 0 15px;}

	.xw_tt .con h2{padding-bottom: 15px; font-size: 16px;}

	.xw_tt .con p{font-size: 12px; line-height: 24px; height: 72px; overflow: hidden;}

}



.list4{background: #ececec; overflow: hidden; padding: 25px 20px 0 20px;}

.list4 dl dt{padding-bottom: 18px; font-size: 22px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list4 dl dt a,

.list4 dl dt a:visited,

.list4 dl dt a:hover{color: #ae000d}

.list4 dl dd{border-bottom: 1px solid #c4c4c4; padding-bottom: 14px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.list4 ul{padding: 10px 0;}

.list4 ul li{padding-left: 17px; padding-right: 80px; font-size: 14px; line-height: 35px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list4 ul li:after{position: absolute; left: 2px; top: 50%; margin-top: -2px; display: block; content: ""; width: 5px; height: 5px; background: #c4c4c4; 

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);}

.list4 ul li span{position: absolute; right: 0px;top: 0px; color: #999; font-size: 12px;}



.list5{background: #ececec; overflow: hidden; padding: 0 20px 25px 20px;}

.list5 li{border-bottom: 1px solid #c4c4c4; padding-top: 25px; padding-bottom: 15px;}

.list5 li h2{padding-bottom: 10px; font-size: 18px; line-height: 1; color: #ae000d; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list5 li p{line-height: 28px; color: #888;}


@media screen and (min-width: 992px) and (max-width: 1199px){

	.list4 dl dt{font-size: 20px;}

	.list4 ul li{line-height: 32px; }

	

	.list5{padding-bottom: 20px;}

	.list5 li{padding-top: 20px; padding-bottom: 13px;}

	.list5 li p{height: 56px; overflow: hidden;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list4{padding: 20px 15px 0 15px;}

	.list4 dl dt{padding-bottom: 15px; font-size: 18px;}

	.list4 dl dd{font-size: 12px;}

	.list4 ul li{line-height: 28px; font-size: 12px;}

	

	.list5{padding: 0 15px 15px 15px;}

	.list5 li{padding-top: 20px; padding-bottom: 10px;}

	.list5 li h2{padding-bottom: 10px; font-size: 16px;}

	.list5 li p{line-height: 24px; height: 48px; overflow: hidden;}

}

@media screen and (max-width: 767px){

	.list4{padding: 20px 10px 0 10px;}

	.list4 dl dt{padding-bottom: 10px; font-size: 16px;}

	.list4 dl dd{font-size: 12px;}

	.list4 ul li{line-height: 28px;}

	

	.list5{padding: 0 10px 10px 10px;}

	.list5 li{padding-top: 15px; padding-bottom: 10px;}

	.list5 li h2{padding-bottom: 5px; font-size: 14px;}

	.list5 li p{line-height: 22px;}

}





/*友情链接*/

.link{padding-top: 10px; overflow: hidden;}

.link li{float: left; margin-bottom: 10px; font-size: 14px; line-height: 1;}

.link li:after{float: right; margin: 2px 10px 0 10px; display: block; content: ""; width: 1px; height: 13px; background: #7f7f7f;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.link{padding-top: 5px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.link{padding-top: 5px;}

	.link li{font-size: 12px;}

	.link li:after{height: 11px;}

}

@media screen and (max-width: 767px){

	.link_box{display: none;}

}